<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
		<script type="text/javascript" src="protovis-d3.2.js"></script>
        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    </head>
    <body>
        <div id=table style="width: 600px; height: 800px"></div>
        <script type="text/javascript">
            google.load('visualization', '1', {'packages':['table']});
            google.setOnLoadCallback(gvisReady);

            var scoreTable;

            function gvisReady() {
                loadScoreTable();
                var table = new google.visualization.Table(document.getElementById('table'));
                table.draw(scoreTable, {showRowNumber: true});
                
            }
            function loadScoreTable() {
                scoreTable = new google.visualization.DataTable();
                scoreTable.addColumn('number', 'year', 'year');
                scoreTable.addColumn('number', 'grade', 'grade');
                scoreTable.addColumn('number', 'subject ID', 'subjectID');
                scoreTable.addColumn('number', 'SASID', 'sasid');
                scoreTable.addColumn('number', 'score', 'score');
                scoreTable.addRows([
[2004,3,10,xxxxxxx018,17],[2004,3,10,xxxxxxx019,31],[2004,3,10,xxxxxxx119,31],[2004,3,10,xxxxxxx018,24],[2004,3,10,xxxxxxx011,34],
/* student data removed */
[2009,8,10,xxxxxxx609,40],[2009,8,10,xxxxxxx015,49],[2009,8,10,xxxxxxx115,37],[2009,8,10,xxxxxxx307,30] ]);
            }
        </script>
    </body>
</html>
